<!DOCTYPE html>
<html>
<head lang="en">
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
	<meta name="format-detection" content="telephone=no">
	<meta name="description" content="道路智慧养护决策平台">
	<meta name="keywords" content="道路智慧养护决策平台">
	<title>道路智慧养护决策平台</title>
	<link rel="stylesheet" href="css/bootstrap.min.css" />
	<link rel="stylesheet" href="css/bootstrap-select.min.css" />
	<link rel="stylesheet" href="css/index.css" />
	<link rel="stylesheet" href="fonts/iconfont.css" />
	<link rel="stylesheet" type="text/css" href="css/iconfont.css">
	<link rel="stylesheet" type="text/css" href="css/dataTime.css" />
	<link rel="stylesheet" type="text/css" href="layui/css/layui.css" />
	<link rel="stylesheet" href="css/videoMonitor.css">
	<link rel="stylesheet" type="text/css" href="js/viewer/viewer.min.css" />
	<script type="text/javascript"
		src="https://api.map.baidu.com/api?ak=jnYOEDxksKNsTupsg3VrUVHRTNSoQpfK&v=3.0&services=true"></script>
	<script type="text/javascript"
		src="https://api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_min.js"></script>
	<script type="text/javascript"
		src="https://api.map.baidu.com/library/MarkerClusterer/1.2/src/MarkerClusterer_min.js"></script>
	<script type="text/javascript">
		document.documentElement.style.fontSize = document.documentElement.clientWidth / 19.2 + 'px';
	</script>
	<link rel="stylesheet" href="css/calendar.css">
</head>

<body>
	<div class="map-wrap" id="mapCont"></div>
	<!--top-start-->
	<!--<div class="row topBg">-->
		<!--<div class="lan"></div>-->
		<!--<div class="col-md-3 text-left widauto">-->
			<!--<div class="show-time" id="topTab">-->
				<!--<a href="homepage.html" class="homePage"></a>-->
				<!--<a href="javascript:void(0)" class="gis curr"></a>-->
				<!--<a href="javascript:void(0)" class="bim"></a>-->
			<!--</div>-->
		<!--</div>-->
		<!--<div class="col-md-6" style="margin-top: 10px;">-->
			<!--<div class="bigTile"></div>-->
		<!--</div>-->
		<!--<div class="col-md-3 ml-134">-->
			<!--<div class="title-right">-->
				<!--<div class="layui-inline calendar">-->
<!--&lt;!&ndash;					<label class="layui-form-label">选择日期</label>&ndash;&gt;-->
<!--&lt;!&ndash;					<div class="layui-input-inline">&ndash;&gt;-->
<!--&lt;!&ndash;						<input type="text" class="layui-input" id="test10" placeholder=" - ">&ndash;&gt;-->
<!--&lt;!&ndash;					</div>&ndash;&gt;-->
					<!--<div class="layui-inline">-->
						<!--<input type="text" class="layui-input test-item" id="startInput" placeholder="开始时间">-->
					<!--</div>-->
					<!-- - -->
					<!--<div class="layui-inline">-->
						<!--<input type="text" class="layui-input test-item" id="endInput" placeholder="结束时间">-->
					<!--</div>-->
				<!--</div>-->

				<!--&lt;!&ndash; 暂时屏蔽中联国际logo &ndash;&gt;-->
				<!--<img data-toggle="modal" data-target="" src="img/红白logo.png" title="logo" />-->
			<!--</div>-->
		<!--</div>-->
	<!--</div>-->

	<div class="row topBg">
		<div class="text-left widauto" style="float: left">
			<div class="show-time" id="topTab">
				<a href="homepage.html" class="homePage"></a>
				<a href="javascript:void(0)" class="gis curr"></a>
				<a href="javascript:void(0)" class="bim"></a>
			</div>
		</div>
		<div class="" style="width: 50%;margin: 0 auto;margin-top: 0.3rem;;">
			<div class="bigTile"></div>
		</div>
		<div class="rightPart" style="float: right">
			<div class="layui-inline calendar">
				<div class="layui-inline">
					<input type="text" class="layui-input test-item" id="startInput" placeholder="开始时间">
				</div>
				-
				<div class="layui-inline">
					<input type="text" class="layui-input test-item" id="endInput" placeholder="结束时间">
				</div>
			</div>

			<!-- 暂时屏蔽中联国际logo -->
			<img data-toggle="modal" data-target="" src="img/红白logo.png" title="logo"/>
		</div>
	</div>

	<!---gis部分--->
	<!--yad-start-->
	<div class="yad">
		<!--			<div class="yad-list">-->
		<!--				<i id="clod"><img src="img/icon.png" alt="" /></i>-->
		<!--				<table class="table pure-table" style="margin-bottom: 0;">-->
		<!--					<tr>-->
		<!--						<th>病害编码</th>-->
		<!--						<td>BH20200204001</td>-->
		<!--						<th>道路名称</th>-->
		<!--						<td>前门大街</td>-->
		<!--					</tr>-->
		<!--					<tr>-->
		<!--						<th style="border:0;">所属区域</th>-->
		<!--						<td>朝阳</td>-->
		<!--						<th style="border:0;">实施类别</th>-->
		<!--						<td>路面</td>-->
		<!--					</tr>-->
		<!--					<tr>-->
		<!--						<th style="border:0;">设施项目</th>-->
		<!--						<td>沥青</td>-->
		<!--						<th style="border:0;">病害类型</th>-->
		<!--						<td>坑槽</td>-->
		<!--					</tr>-->
		<!--					<tr>-->
		<!--						<th style="border:0;">病害量化</th>-->
		<!--						<td>0.3~0.2</td>-->
		<!--						<th style="border:0;">规格</th>-->
		<!--						<td></td>-->
		<!--					</tr>-->
		<!--					<tr>-->
		<!--						<th style="border:0;">颜色</th>-->
		<!--						<td>黑色</td>-->
		<!--						<th style="border:0;">材质</th>-->
		<!--						<td>AC-10</td>-->
		<!--					</tr>-->
		<!--					<tr>-->
		<!--						<th style="border:0;">方向</th>-->
		<!--						<td>由南向北</td>-->
		<!--						<th style="border:0;">处理类型</th>-->
		<!--						<td>零星急修</td>-->
		<!--					</tr>-->
		<!--					<tr>-->
		<!--						<th style="border:0;">信息来源</th>-->
		<!--						<td>巡查采集</td>-->
		<!--						<th style="border:0;">预期完成(天)</th>-->
		<!--						<td>7</td>-->
		<!--					</tr>-->
		<!--					<tr>-->
		<!--						<th style="border:0;">采集人</th>-->
		<!--						<td>张磊(巡查员)</td>-->
		<!--						<th style="border:0;">采集时间</th>-->
		<!--						<td>2020-08-04 09:58:36</td>-->
		<!--					</tr>-->
		<!--					<tr>-->
		<!--						<th style="border:0;">病害位置</th>-->
		<!--						<td COLSPAN="3">无锡市梁溪区解放南路700</td>-->
		<!--					</tr>-->
		<!--					<tr>-->
		<!--						<th style="border:0;">采集照片</th>-->
		<!--						<td COLSPAN="3">-->
		<!--							<div class="img">-->
		<!--								<ul>-->
		<!--									<li><img src="img/img1.png" alt="" /></li>-->
		<!--									<li><img src="img/img2.png" alt="" /></li>-->
		<!--								</ul>-->
		<!--							</div>-->
		<!--						</td>-->
		<!--					</tr>-->
		<!--				</table>-->
		<!--			</div>-->

		<!--        视频监控表格开始-->
		<div class="videoDiv">
			<!--            视频列表-->
			<div class="leftVideo">
				<table class="layui-hide" id="tableVideo" lay-filter="tableVideo"></table>
			</div>
			<!--            视频模块-->
			<div class="rightVideo">
				<div class="videoTital">视频监控 <i id="clod" class="closeIcon"><img src="img/icon.png" alt=""></i>
				</div>
				<!--					<video src=" " controls="controls" class="vedioStyle"></video>-->
				<iframe src="" class="vedioStyle" style="width: 100%;height: 423px"></iframe>
			</div>
		</div>
		<!--        视频监控表格结束-->
	</div>

	<!--yad-end-->
	<!--左侧菜单start-->
	<div style="width: 0; height: 0;" id="leftNav">
		<div class="nav left-bg1 nav-hide">
			<span class="way1" style="margin-top:1vh;">
				<i><img src="img/dl.png" alt="" /></i>
				<h3>道路基础设施</h3>
			</span>
			<div class="left-list">
				<ul>
					<div class="left-down layui-form">
						<select style="background-color: #1D2127" id="roadSelect" name="roadSelect" lay-verify=""
							lay-search lay-filter="daoluSelect">
							<!--<option value="all">请选择道路</option>-->
						</select>
					</div>
					<!--路段开始-->
					<div class="left-down layui-form" id="roadTest" style="margin-top:10px;">
						<select style="background-color: #1D2127" id="roadluduan" name="roadluduan" lay-search lay-verify=""
							lay-filter="roadluduan">
							<!-- <option value="all">请选择路段</option> -->
						</select>
					</div>
					<!--路段结束-->
					<li style="padding-top:10px;">
						<!-- <a href="#" id="roadSection">
							<i><img src="img/l-d.png" alt="路段" /></i>
							<b>路段</b>
							<strong>9999</strong>
							<dfn></dfn>
						</a> -->
						<a href="#" id="brige">
							<i><img src="img/l-q.png" alt="桥梁" /></i>
							<b>桥梁</b>
							<strong></strong>
							<dfn></dfn>
						</a>
						<a href="#" id="tunnl">
							<i><img src="img/l-s.png" alt="隧道" /></i>
							<b>隧道</b>
							<strong></strong>
							<dfn></dfn>
						</a>
						<!-- 							<a href="#" id="manhole">
								<i><img src="img/l-j.png" alt="检查井" /></i>
								<b>检查井</b>
								<strong>9999</strong>
								<dfn></dfn>
							</a>
							<a href="#" id="other">
								<i><img src="img/l-t.png" alt="其他" /></i>
								<b>其他</b>
								<strong>9999</strong>
								<dfn></dfn>
							</a> -->
					</li>
					<div class="left-down layui-form" id="fsshDiv" style="margin-top: 1vh;clear: both;">
						<select style="background-color: #1D2127" id="roadFsSelect" name="roadFsSelect" lay-verify=""
							lay-search lay-filter="fsssSelect">
						</select>
						<!-- <select style="background-color: #1D2127" id="roadSelect" class="selectpicker" data-live-search="true">
								<option value="">请选择道路</option>
							</select> -->
					</div>
				</ul>
			</div>
		</div>
		<div class="disNCz"
			style="position:fixed;top:30%;padding:10px; left: 20%; width:688px;z-index: 9999;background-color:#1D2127; border: 1px solid #0eb1fd;color:#fff; font-size:16px;display: none;">

		</div>
		<div class="nav left-bg2 nav-hide">
			<span class="way2" style="margin-top: 0.1rem;">
				<i><img src="img/wl.png" alt="" /></i>
				<h3>智能监测</h3>
			</span>
			<div class="left-list">
				<ul>
					<li>
						<a href="#" style="height:6.5vh;color: #fff;">
							<i><img src="img/w-j.png" alt="驾驶员定位" /></i>
							<b>驾驶员定位</b>
							</br><div style="position: absolute;margin-top: 0.1vh; line-height: 4vh"><input type="checkbox" value="person" id="personZn" style="margin-left: 0.35rem"
						onclick="onClickPerson(this)" />人员<input type="checkbox" id="carZn" value="car"
						style="" onclick="onClickCar(this)" />车辆</div>
						</a>
						<a href="#" class="viod">
							<i><img src="img/w-s.png" alt="视频监控" /></i>
							<b>视频监控 </b>
							<!--<strong>9999</strong>-->
							<dfn></dfn>
						</a>
						<a href="data.html"  target="_blank">
							<i><img src="img/w-c.png" alt="检测车数据" /></i>
							<b>检测车数据</b>
							<!--<strong>9999</strong>-->
							<dfn></dfn>
						</a>
						<a href="list.html"  target="_blank">
							<i><img src="img/w-g.png" alt="井盖监测" /></i>
							<b>井盖监测</b>
							<!--<strong>9999</strong>-->
							<dfn></dfn>
						</a>
					
						<a href="qiaoliang.html" target="_blank">
							<i><img src="img/w-q.png" alt="桥梁监测" /></i>
							<b>桥梁监测</b>
							<!--<strong>9999</strong>-->
							<dfn></dfn>
						</a>
						<a href="suidao.html" target="_blank">
							<i><img src="img/l-s.png" alt="桥梁监测" /></i>
							<b>隧道监测</b>
							<dfn></dfn>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="nav left-bg3 nav-hide"style="margin-top:28vh;height: 27vh">
			<span style="margin-top: 2vh;" class="way3">
				<i><img src="img/yj.png" alt="" /></i>
				<h3>应急管理</h3>
			</span>
			<div class="left-list left-list3">
				<ul>
					<li>
						<a href="#" id="kc_id">
							<i><img src="img/y-j.png" alt="物资库存" /></i>
							<b>物资库存</b>
							<!--<strong>9999</strong>-->
							<dfn></dfn>
						</a>
						<a href="#" style="height:13vh;color:#fff;border:none;margin-top: 0px">
							<i><img src="img/y-r.png" alt="应急资源" /></i>
							<b>应急资源</b>
							</br>
							<div class="yj-con">
								<div class="yj-col" data-type="1">
									<div class="yj-select"><svg t="1601353520078" class="icon" viewBox="0 0 1024 1024"
											version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2809" width="16"
											height="16">
											<path
												d="M409.6 757.333333c-8.533333 0-17.066667-2.133333-23.466667-8.533333l-238.933333-234.666667c-12.8-12.8-12.8-32 0-44.8 12.8-12.8 32-12.8 44.8 0l215.466667 213.333334 422.4-428.8c12.8-12.8 32-12.8 44.8 0 12.8 12.8 12.8 32 0 44.8L430.933333 746.666667c-4.266667 8.533333-12.8 10.666667-21.333333 10.666666z"
												p-id="2810" fill="#0EB1FD"></path>
										</svg></div><span>应急人员</span>
								</div>
								<div class="yj-col" data-type="2">
									<div class="yj-select"><svg t="1601353520078" class="icon" viewBox="0 0 1024 1024"
											version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2809" width="16"
											height="16">
											<path
												d="M409.6 757.333333c-8.533333 0-17.066667-2.133333-23.466667-8.533333l-238.933333-234.666667c-12.8-12.8-12.8-32 0-44.8 12.8-12.8 32-12.8 44.8 0l215.466667 213.333334 422.4-428.8c12.8-12.8 32-12.8 44.8 0 12.8 12.8 12.8 32 0 44.8L430.933333 746.666667c-4.266667 8.533333-12.8 10.666667-21.333333 10.666666z"
												p-id="2810" fill="#0EB1FD"></path>
										</svg></div><span>应急车辆</span>
								</div>
								<div class="yj-col" data-type="3">
									<div class="yj-select"><svg t="1601353520078" class="icon" viewBox="0 0 1024 1024"
											version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2809" width="16"
											height="16">
											<path
												d="M409.6 757.333333c-8.533333 0-17.066667-2.133333-23.466667-8.533333l-238.933333-234.666667c-12.8-12.8-12.8-32 0-44.8 12.8-12.8 32-12.8 44.8 0l215.466667 213.333334 422.4-428.8c12.8-12.8 32-12.8 44.8 0 12.8 12.8 12.8 32 0 44.8L430.933333 746.666667c-4.266667 8.533333-12.8 10.666667-21.333333 10.666666z"
												p-id="2810" fill="#0EB1FD"></path>
										</svg></div><span>应急物资</span>
								</div>
							</div>
						</a>
						<a href="#" id="yjsj_id" style="">
							<i><img src="img/y-s.png" alt="应急事件" /></i>
							<b>应急事件</b>
							<!--<strong>9999</strong>-->
							<dfn></dfn>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<!--左侧菜单end-->
	<!--右侧菜单start-->
	<div style="width: 0; height: 0;" id="rightNav">
		<div class="menu right-bg1 menu-hide">
			<span style="margin: 1rem 0.1rem;" class="way4">
				<i><img src="img/sh.png" alt="" /></i>
				<h3>道路基础设施养护</h3>
			</span>
			<div class="left-list">
				<ul class="left-cont">
<!--					<div class="left-down">-->
<!--						<input type="data" placeholder="开始日期" id="startTime" class="xztime" autocomplete="off">-->
<!--					</div>-->
<!--					<div class="left-down">-->
<!--						<input type="data" placeholder="结束日期" id="endTime" class="xztime" autocomplete="off">-->
<!--					</div>-->
					<div class="left-down layui-form">
						<select style="background-color: #1D2127" id="roadSelect2" name="roadSelect2" lay-verify=""
							lay-search lay-filter="sheshiSelect">
							<option value="">请选择道路</option>
						</select>
						<!-- 							<select style="background: #1D2127;" id="roadSelect2">
								<option value="">请选择</option>
							</select> -->
					</div>
					<div class="left-down layui-form" id="roadTest" style="margin-top:15px;">
						<select style="background-color: #1D2127" id="roadluduan2" name="roadluduan2" lay-verify=""
							lay-filter="roadluduan2">
							<option value="all">请选择路段</option>
						</select>
					</div>
					<!-- <div class="left-down">
							<select>
								<option value="">复兴门大街</option>
								<option value="">北大街</option>
								<option value="">南大街</option>
								<option value="">东大街</option>
								<option value="">西大街</option>
								<option value="">凤城十路</option>
							</select>
						</div> -->
					<li style="margin-top: 2vh">
						<a href="#" id="road-obj">
							<i><img src="img/s-d.png" alt="路段" /></i>
							<b>路段</b>
							<strong>0</strong>
							<dfn></dfn>
						</a>
						<a href="#" id="bridge-obj">
							<i><img src="img/s-q.png" alt="桥梁" /></i>
							<b>桥梁</b>
							<strong>0</strong>
							<dfn></dfn>
						</a>
						<a href="#" id="tunnel-obj">
							<i><img src="img/s-sd.png" alt="隧道" /></i>
							<b>隧道</b>
							<strong>0</strong>
							<dfn></dfn>
						</a>
						<a href="#" id="well-obj">
							<i><img src="img/s-j.png" alt="检查井" /></i>
							<b>检查井</b>
							<strong>0</strong>
							<dfn></dfn>
						</a>
						<a href="#" id="excavate-obj">
							<i><img src="img/s-w.png" alt="开挖监管" /></i>
							<b>开挖监管</b>
							<strong>0</strong>
							<dfn></dfn>
						</a>
						<a href="#" id="disease-obj">
							<i><img src="img/s-h.png" alt="病害预结算" /></i>
							<b>病害预结算</b>
							<strong>0</strong>
							<dfn></dfn>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="menu right-bg2 menu-hide">
			<span class="way5">
				<i><img src="img/fyj.png" alt="" /></i>
				<h3>保障线路</h3>
			</span>
			<div class="left-list" style="margin-top: 5vh">
				<ul>
					<div class="left-down">
						<select id="line-list">
							<option value="">全部</option>
						</select>
					</div>
					<li style="margin-top: 2vh">
						<a href="#" id="bzxl_button">
							<i><img src="img/b-z.png" alt="保障线路" /></i>
							<b>保障线路</b>
							<strong id="line_cont"></strong>
							<dfn></dfn>
						</a>
						<a href="#" id="bzxlbh_button">
							<i><img src="img/b-x.png" alt="线路病害" /></i>
							<b>线路病害</b>
							<strong id="bh_cont"></strong>
							<dfn></dfn>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<!--右侧菜单end-->
	<!--whole-end-->
	<!---footer-start--->
	<div class="col-md-12 footer">
		<div class="footer-nav" id="footerNav">
			<a href="javascript:void(0)" data-type="01" class="g-font">
				<i><img src="img/fzc.png" alt="" /></i>
				<span>资产分析</span>
			</a>
			<a href="javascript:void(0)" data-type="02" class="g-font">
				<i><img src="img/fbh.png" alt="" /></i>
				<span>病害分析</span>
			</a>
			<a href="javascript:void(0)" data-type="03">
				<i><img src="img/fyj.png" alt="" /></i>
				<span>预结算分析</span>
			</a>
			<a href="javascript:void(0)" data-type="04" class="g-font">
				<i><img src="img/fjc.png" alt="" /></i>
				<span>监测数据</span>
			</a>
			<a href="javascript:void(0)" data-type="05" class="g-font">
				<i><img src="img/fyj.png" alt="" /></i>
				<span>应急分析</span>
			</a>
			<!--图表start-->
			<div class="Pop-up Pop-up1 bottomHide" id="bottomLay">
				<div class="yaed">
					<!--资产分析-->
					<div class="row col-md-12 bottom-lay-cont" id="content1"
						style="display: none;">
						<div class="col-md-4" style="border-right: 1px solid #0eb1fd;">
							<!-- 道路等级统计 -->
							<div id="chart3" class="chart" style="height: 4.3rem;"></div>
						</div>
						<div class="col-md-4" style="border-right: 1px solid #0eb1fd;">
							<!--养护状况统计-->
							<div id="chart4" class="chart" style="height: 4.3rem"></div>
						</div>
						<div class="col-md-4">
							<!-- 保养建议 -->
							<div id="chart5" class="chart" style="height: 4.3rem"></div>
						</div>
					</div>
					<!--病害分析-->
					<div class="row col-md-12  bottom-lay-cont"
						style="padding: 30px 60px; margin: 0; display: none;position: relative;" id="content2">
						<div class="tab-wrap" id="tabWrap">
							<span class="curr" data-type="01">病害分类</span>
							<span data-type="02">病害处理</span>
							<span data-type="03">道路病害</span>
							<span data-type="04">桥梁病害</span>
							<span data-type="05">隧道病害</span>
						</div>
						<div class="left-down layui-form"
							style="position: absolute;right: 36px;top: 34px;display: none;">
							<select style="background-color: #1D2127;" id="bhfxSelect" name="bhfxSelect" lay-verify=""
								lay-search lay-filter="bhfxSelect">
								<option value="all">请选择道路</option>
							</select>
						</div>
						<div style="height: 3.3rem" id="chart6"></div>
						<div style="height: 3.3rem" id="chart61"></div>
					</div>
					<!--预结算分析-->
					<div class="row col-md-12 bottom-lay-cont" style="margin: 0; display: none;"
						id="content3">
						<div class="tab-wrap" id="tabWrap1">
							<span class="curr" data-type="01">道路预结算</span>
							<span data-type="02">班组预结算</span>
							<div class="input-wrap">
								<!-- <input type="text" placeholder="年份选择" />
									<input type="text" placeholder="月份选择" />
									<input type="text" placeholder="街道选择" />
									<input type="text" placeholder="组选择" /> -->
								<!-- <input type="month" id="budgetDate" /> -->
								<!-- 道路选择 -->
								<select id="budgetRoad">
									<option>全部道路</option>
								</select>
								<!-- 维修班组 -->
								<!-- <input type="month" id="budgetroadrepairedDate" style="display: none;" /> -->
								<select id="budgetroadrepaired" style="display: none;">
									<option>全部班组</option>
								</select>
							</div>
						</div>
						<div style="height: 3.2rem;margin-top: 0.1rem;">
							<div class="row col-md-12">
								<div class="col-md-8">
									<div style="height: 3.3rem;" id="chart7"></div>
								</div>
								<div class="col-md-4">
									<div style="height: 3.3rem;" id="chart8"></div>
								</div>
							</div>
						</div>
					</div>
					<!--监测数据-->
					<div class="row col-md-12 bottom-lay-cont" id="content4"
						style="display: none;">
						<div class="alert">
							<ul>
								<li class="bg2">
								<div class="bgDiv">	<p class="true0">
										<span>
											<dfn>正常</dfn>
											<b class="blue" id="bridgeNormal">0</b>
										</span>
									</p></div>

								<div class="bgDiv"><p class="true1">
										<span>
											<dfn>警告</dfn>
											<b class="red" id="bridgeWarning">0</b>
										</span>
								</p></div>

								<div class="bgDiv"><p class="true2">
										<span>
											<dfn>离线</dfn>
											<b class="pink" id="bridgeOffLine">0</b>
										</span>
									</p></div>
								</li>
								<li class="bg3">
									<div class="bgDiv"><p class="true0">
										<span>
											<dfn>正常</dfn>
											<b class="blue" id="tunnelNormal">0</b>
										</span>
									</p></div>

								<div class="bgDiv">	<p class="true1">
										<span>
											<dfn>警告</dfn>
											<b class="red" id="tunnelWarning">0</b>
										</span>
									</p>
								</div>
								<div class="bgDiv">	<p class="true2">
										<span>
											<dfn>离线</dfn>
											<b class="pink" id="tunnelOffLine">0</b>
										</span>
									</p></div>
								</li>
								<li class="bg">
								<div class="bgDiv"><p class="true0">
										<span>
											<dfn>正常</dfn>
											<b class="blue" id="roadNormal">0</b>
										</span>
									</p></div>

								<div class="bgDiv">	<p class="true1">
										<span>
											<dfn>警告</dfn>
											<b class="red" id="roadWarning">0</b>
										</span>
									</p>
								</div>
									<div class="bgDiv"><p class="true2">
										<span>
											<dfn>离线</dfn>
											<b class="pink" id="roadOffLine">0</b>
										</span>
									</p></div>
								</li>
								<li class="bg4" style="position: relative;">
									<div class="left-down layui-form"
										style="position: absolute;margin: auto;left: 0;right: 0;top: 30px;">
										<select style="background-color: #1D2127" id="jcFsssSelect" name="jcFsssSelect"
											lay-verify="" lay-search lay-filter="jcFsssSelect">
											<option value="all">请选择附属设施</option>
										</select>
									</div>
								<div class="bgDiv">	<p class="true0">
										<span>
											<dfn>正常</dfn>
											<b class="blue" id="manholeNormal">0</b>
										</span>
									</p></div>

									<div class="bgDiv"><p class="true1">
										<span>
											<dfn>警告</dfn>
											<b class="red" id="manholeWarning">0</b>
										</span>
									</p>
									</div>
									<div class="bgDiv"><p class="true2">
										<span>
											<dfn>离线</dfn>
											<b class="pink" id="manholeOffLine">0</b>
										</span>
									</p></div>
								</li>
							</ul>
						</div>
					</div>
					<!--应急分析-->
					<div class="row col-md-12 bottom-lay-cont" id="content5" style="">
						<div class="col-md-4">
							<div style="height: 4.3rem;" id="chart9"></div>
						</div>
						<div class="col-md-8">
							<div>
								<ul>
									<li class="left-down">
										<label>仓库:</label>
										<select id="wareHouse" style="background-color: #000000;"
											onchange="createChart12()">
											<option value="">请选择仓库</option>
										</select>
									</li>
								</ul>

							</div>

							<div style="height: 3rem" id="chart10"></div>
						</div>
					</div>
				</div>
			</div>
			<!--图表end-->
		</div>
	</div>
	<!---footer--->
	<!---gis部分结束--->
	<!---bim---->
	<div class="bim-whole">
		<div class="nav left-bg4">
			<span>
				<i><img src="img/fyj.png" alt="" /></i>
				<h3>道路设施</h3>
			</span>
			<div class="left-list select-wrap">
				<ul>
					<li class="left-down">
						<label>道路</label>
						<select class="selectpicker">
							<option value="0">复兴门大街</option>
							<option value="1">北大街</option>
							<option value="3">南大街</option>
							<option value="4">东大街</option>
							<option value="5">西大街</option>
							<option value="6">凤城十路</option>
						</select>
					</li>
					<li class="left-down">
						<label>路段</label>
						<select class="selectpicker">
							<option value="0">复兴门大街</option>
							<option value="1">北大街</option>
							<option value="3">南大街</option>
							<option value="4">东大街</option>
							<option value="5">西大街</option>
							<option value="6">凤城十路</option>
						</select>
					</li>
					<li class="left-down">
						<label>其他设施</label>
						<select class="selectpicker">
							<option value="0">复兴门大街</option>
							<option value="1">北大街</option>
							<option value="3">南大街</option>
							<option value="4">东大街</option>
							<option value="5">西大街</option>
							<option value="6">凤城十路</option>
						</select>
					</li>
					<li class="left-down" style="padding-left: 58px;">
						<select class="selectpicker">
							<option value="0">复兴门大街</option>
							<option value="1">北大街</option>
							<option value="3">南大街</option>
							<option value="4">东大街</option>
							<option value="5">西大街</option>
							<option value="6">凤城十路</option>
						</select>
					</li>
					<li class="left-down">
						<select class="selectpicker">
							<option value="0">请选择</option>
							<option value="1">北大街</option>
							<option value="3">南大街</option>
							<option value="4">东大街</option>
							<option value="5">西大街</option>
							<option value="6">凤城十路</option>
						</select>
						<label class="search-btn">
							<img src="./img/4.png" alt="" />
						</label>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<!---bim部分结束--->
	<!-- 物资库存详情-start -->
	<div class="layui-layer-shade" id="layui-layer-shade2" times="2"
		style="z-index: 888; background-color: rgb(0, 0, 0); opacity: 0.3;display:none;"></div>
	<div class="detailModel" style="display:none;">
		<!-- 详情关闭按钮 -->
		<div class="model-close">
			<i id="gbclodWzkc"><img src="img/icon.png" alt=""></i>
		</div>

	</div>
	<!-- 物资库存详情-end -->
	<script>
		scaleW = window.innerWidth / 1920;
		scaleH = window.innerHeight / 1080;
		console.log(scaleW, scaleH);
		var resizes = document.querySelectorAll('.resize');
		console.log(resizes);
		for (var j = 0; j < resizes.length; j++) {
			resizes[j].style.width = parseInt(resizes[j].style.width) * scaleW + 'px';
			resizes[j].style.height = parseInt(resizes[j].style.height) * scaleH + 'px';
			resizes[j].style.top = parseInt(resizes[j].style.top) * scaleH + 'px';
			resizes[j].style.left = parseInt(resizes[j].style.left) * scaleW + 'px';
			resizes[j].style.right = parseInt(resizes[j].style.right) * scaleW + 'px';
			if (scaleH >= 1) {
				resizes[j].style.marginTop = parseInt(resizes[j].style.marginTop) * scaleH + 'px';
			} else {
				resizes[j].style.marginTop = parseInt(resizes[j].style.marginTop) * scaleH - 6 + 'px';
			}
		}
		var resizes1 = document.querySelectorAll('.resize1');
		for (var i = 0; i < resizes1.length; i++) {
			resizes1[i].style.marginTop = parseInt(resizes1[i].style.marginTop) * scaleH - 8 + 'px';
			if (scaleH >= 1) {
				resizes1[i].style.height = parseInt(resizes1[i].style.height) * scaleH + 'px';
			} else {
				resizes1[i].style.height = parseInt(resizes1[i].style.height) * scaleH - 10 + 'px';
			}
		}
	</script>
	<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/baseUrl.js"></script>
	<script src="js/utils.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/bootstrap-select.min.js"></script>
	<script src="layui/layui.all.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/echarts.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/lodash.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/chartBase.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/mapStyle.js"></script>
	<script src="js/viewer/viewer.min.js"></script>
	<script src="js/dateTime.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/ajaxUtil.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/click.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/ssyh.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/bzxl.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/calendar.js"></script>

	<script src="js/yjwz.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/videoMonitor.js"></script>
	<script src="js/driverPosition.js"></script>
	<script src="../../homepage/js/homepage.js"></script>

	<script type="text/javascript">
		$(document).ready(function () {
			var d = new Date();
			var nian = d.getFullYear();
			var yue = d.getMonth() + 1;
			var ri = d.getDate();
			if (ri >= 1 && ri <= 9) {
				ri = "0" + ri
			};
			if (yue >= 1 && yue <= 9) {
				yue = "0" + yue
			};
			var riqi = nian + "-" + yue + "-" + ri;


			$("#startTime").datetime({

				type: "date",
				value: [nian, yue, ri],
				success: function (res) {
					console.log(res)
				}
			})
			$("#endTime").datetime({
				type: "date",
				value: [nian, yue, ri],
				success: function (res) {
					console.log(res)
				}
			})
		})
	</script>
</body>

</html>